<template>
	<widget-root :styles="styles">
		<view class="user-serve" :style="{
		'background-color': styles.bg_color,
		'border-radius': `${$px2rpx(styles.border_radius_top)}rpx ${$px2rpx(styles.border_radius_top)}rpx ${$px2rpx(styles.border_radius_bottom)}rpx ${$px2rpx(styles.border_radius_bottom)}rpx`
	}">
			<!-- <view class="serve-title">
				<view class="bold">{{ content.text }}</view>
			</view> -->

			<view class="serve-title flex row-between" :style="{
				'border-bottom-color': `${styles.divider_color}`
			}">
				<view class="flex order-title__left">
					<u-image width="32rpx" height="32rpx" :src="$getImageUri(content.icon)" />
					<text class="bold" style="margin-left: 22rpx;">{{ content.text }}</text>
				</view>
			</view>
			<view class="serve-nav flex flex-wrap">
				<view class="nav-item flex-col col-center" v-for="(item, index) in contentData" :key="index"
					@tap="navigate(item)">
					<u-image width="80rpx" height="80rpx" :src="$getImageUri(item.url)" />
					<view class="xs m-t-12" style="margin-top: 22rpx;">{{ item.name }}</view>
				</view>
			</view>
		</view>
	</widget-root>
</template>

<script type="text/javascript">
	
// 只有分公司，才有合伙人的设置功能。
// 分红池，只有联合创始人，还有分公司。和分公司的合伙人才显示。

export default {
	props: {

		content: {
			type: [Object, Array]
		},
		styles: {
			type: [Object, Array]
		},
	},
	data() {
		return {

		}
	},
	computed: {
		userInfoDistributionLevel() {
			if (this.userInfo && this.userInfo.distribution_level && this.userInfo.distribution_level === 'object') {
				return this.userInfo.distribution_level
			}
			return {}
			
		},
		
		// 是否分公司 只有分公司，才有合伙人的设置功能。
		isDividendPoolStatus() {
			if (this.userInfo && this.userInfo.dividend_pool_status) {
				return this.userInfo.dividend_pool_status === 1
			}
			return false
		},
		
		// 是否显示 分红池 只有联合创始人，还有分公司。和分公司的合伙人才显示。
		isIdentityStatus() {
			if (this.userInfo && this.userInfo.identity_status) {
				return this.userInfo.identity_status === 1
			}
			return false
		},
		contentData() {
			const vm = this
			if (!this.content || Array.isArray(this.content) || !this.content.data || !Array.isArray(this.content.data)) {
				return []
			}
			return this.content.data.filter((item) => {
				// 分红池 只有联合创始人，还有分公司。和分公司的合伙人才显示。
				// if (item.field === 'pools') {
				// 	return vm.isIdentityStatus
				// }
				// // 合伙人 只有分公司，才有合伙人的设置功能。
				// if (item.field === 'partner') {
				// 	return vm.isDividendPoolStatus
				// }
				return true
				
			})
		}
	},
	methods: {
		navigate(item) {
			const {
				path,
				params
			} = item.link
			if(item.link.type == 'custom'){
				// #ifdef APP-PLUS
				plus.runtime.openURL(params.url)
				// #endif
				// #ifdef H5
				window.open(params.url)
				// #endif
				// #ifdef MP
				uni.setClipboardData({
					data: params.url,
					success: () => {
						uni.hideToast();
					}
				});
				// #endif
			}else{
				if (!path) return
				this.$Router.push({
					path: path,
					query: params
				})
			}
		}
	},
	
};
</script>

<style lang="scss" scoped>
.user-serve {
	.serve-title {
		border-bottom: $-solid-border;
		padding: 24rpx 0;
		margin: 0 24rpx;
	}

	.serve-nav {
		padding: 46rpx 0 0;

		.nav-item {
			width: 25%;
			margin-top: 20rpx;
			margin-bottom: 56rpx;
		}
	}
}
</style>
